<template>
  <div class="team-cell">
    <div>
      <van-image
        round
        width="35px"
        height="35px"
        :src="userData.img_url ? userData.img_url : 'https://img.yzcdn.cn/vant/cat.jpeg'"
      />
    </div>
    <div class="cont">
      <span class="black">{{userData.nickname}}</span>
      <p>VIP</p>
    </div>
    <span>
      帮您赚：
      <b class="black">&yen; {{userData.amt}}</b>
    </span>
  </div>
</template>
<script>
export default {
  props: ["userData"],
  data() {
    return {};
  }
};
</script>
<style lang="less" scoped>
.team-cell {
  display: flex;
  align-items: center;
  color: @second-color;
  background: white;
  padding: 20px 20px;
  border-bottom: 1px solid @border-color;
  font-size: 15px;
  .cont {
    flex: 1;
    margin: 0 10px;
  }
  .black {
    color: @first-color;
  }
  p {
    font-size: 12px;
    margin-top: 6px;
  }
}
</style>